<IDOCTYPE.html>
  <html>
   <head>
      <meta charset="utf-8" >
      <title>index</title>
      <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
    <header>
      <div class="logo">
      <h1>c<b>a</b>lm</h1>
      <span>我的博客</span>
    </div>
    <nav>
      <ul>
        <li class="active"
        <a href="#">首页</a>
      </li>
        <a href="#">博客</a>
    </li>
        <a href="#">公告</a>
  </li>
        <a href="#">联系</a>
</li>
      </ul>
    </nav>
  <header>
  <div class="center">
    <div class="">
      <civ class="">
        欢迎来到我的博客！
  </div>
  <div class="">
    虽然头发是打发打发似的
  </div>
</div>
<div class="arctile">
  <div class="">
    <ul>
    </li>
     <a href="#">ALL</a>
   </li>
 </li>
  <a href="#">Design</a>
</li>
</li>
 <a href="#">Branding</a>
</li>
</li>
 <a href="#">Animation</a>
</li>
</ul>
</div>
<ul>
  <li>
    <a href="#"></a>
  </li>
</ul>
  <footer>
  </footer>
    </body>
    </html>
